@import "config";
@mixin my_flex {
    display: flex;
}
@mixin centerAll {
    @include my_flex();
    justify-content: center;
    align-items: center;
}
@mixin my_border($color,$width,$shape) {
    border: $color $width $shape;
}
.div1{
    width: 200px;
    height: 100px;
    background-color: red;
    @include my_border(pink, 10px, solid);
}
.div2{
    width: 200px;
    height: 100px;
    background-color: blue;
    @include centerAll();   
    .div3{
        width: 50px;
        height: 50px;
        background-color: green;
        }
}
.div3{
    width: 200px;
    height: 100px;
    background-color: black;
}
$mycolor: blue;
.font1{
    color: $fontcolor;
}
.font2{
    color: green;
    font-size: 60px;
}